<template>
  <div class="AboutUs">
    <van-cell title="功能介绍" is-link />
    <van-cell title="投诉" is-link @click="showPopup1" />
    <van-popup v-model="show1" class="my-container">投诉窗口在叙利亚</van-popup>
    <van-cell title="检查新版本" is-link @click="showPopup" />
    <van-popup v-model="show" :get-container="getContainer" class="my-container"
      >已经是最新版本</van-popup
    >
  </div>
</template>

<script>
import Vue from "vue";
import { Cell, CellGroup, Popup } from "vant";
Vue.use(Cell);
Vue.use(CellGroup), Vue.use(Popup);
export default {
  name: "AboutUs",
  data() {
    return {
      show: false,
      show1: false
    };
  },
  methods: {
    showPopup() {
      this.show = true;
    },
    showPopup1() {
      this.show1 = true;
    },
    getContainer() {
      return document.querySelector(".my-container");
    }
  }
};
</script>

<style lang="scss" scoped>
.my-container {
  padding: 5%;
}
</style>
